@font-face{font-family:Hoves;src:url(/product_designer_landing/static/media/TT%20Hoves%20Pro%20Trial%20Light.cd92d87e88aa000fd213.ttf)}@font-face{font-family:Hoves thin;src:url(/product_designer_landing/static/media/TT%20Hoves%20Pro%20Trial%20Hairline.3a17aa7222047120d137.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hoves;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#101010;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:15px 100px 0}@media screen and (max-width:814px){.header{padding:15px 50px 0}}@media screen and (max-width:525px){.header{padding:15px 30px 0}}@media screen and (max-width:659px){.header{padding:15px 16px 0}}.header__list{display:flex;text-decoration-thickness:1px;text-underline-offset:4px}.header__item{list-style:none;margin-right:16px;text-transform:uppercase}.header__item:last-child{margin-right:0}.header__link{color:#000}.header__link:hover{color:#a5a5a5}.header__link:active{color:#d28d0c}.header__logo{align-items:center;color:#000;display:flex;text-decoration:none;text-transform:uppercase}.header__img{margin:0 3px}@media screen and (max-width:659px){.header__nav{display:none}}.burger-menu{position:relative;top:3px}@media screen and (min-width:660px){.burger-menu{display:none}}.burger-menu__icon{cursor:pointer;right:20px;z-index:1000}.burger-menu__icon:active{fill:#d28d0c}.menu{align-items:center;background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);display:flex;height:100%;justify-content:center;overflow-x:hidden;position:fixed;right:0;top:0;transition:.3s;width:100vw;z-index:1}@media screen and (max-width:350px){.menu{width:110vw}}.menu__list{align-items:center;display:flex;flex-direction:column;list-style:none;padding:0}.menu__link{text-decoration-thickness:1px;text-underline-offset:4px}li{cursor:pointer;font-size:17px;margin:10px 0}li a{color:#333;text-transform:uppercase}li a:hover{color:#a5a5a5}li a:active{color:#d28d0c}.main{background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 20px 20px}.main__content{margin:180px auto 0;max-width:1400px;padding:0 100px}@media screen and (max-width:987px){.main__content{padding:0 50px}}@media screen and (max-width:525px){.main__content{padding:0 30px}}@media screen and (max-width:414px){.main__content{padding:0 16px}}@media screen and (max-width:320px){.main__content{padding:0 10px}}.main__title{color:#eda424;font-family:Hoves thin;font-size:195px;font-weight:100;letter-spacing:.25em;max-width:1400px;text-align:center;text-transform:uppercase}@media(max-width:1350px){.main__title{font-size:180px}}@media(max-width:1276px){.main__title{font-size:150px}}@media(max-width:1072px){.main__title{font-size:120px}}@media(max-width:881px){.main__title{font-size:110px}}@media(max-width:842px){.main__title{font-size:100px}}@media(max-width:761px){.main__title{font-size:80px}}@media(max-width:659px){.main__title{font-size:70px}}@media(max-width:525px){.main__title{font-size:60px}}@media(max-width:414px){.main__title{font-size:50px}}.main__subtitle{color:#a5a5a5;font-size:30px;text-transform:uppercase}@media(max-width:414px){.main__subtitle{font-size:20px}}.main__year{color:#a5a5a5;font-size:17px;padding-bottom:50px;padding-top:211px;text-transform:uppercase}.gap{align-items:center;background-color:#101010;display:flex;font-family:Hoves thin;height:310px;justify-content:center;width:100%}@media screen and (max-width:900px){.gap{height:210px}}@media screen and (max-width:375px){.gap{height:110px}}.gap__element{color:#fff;font-size:100px;text-transform:uppercase}@media screen and (max-width:670px){.gap__element{font-size:44px}}.about{background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px}.about__wrapper{align-items:self-start;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:100px}@media screen and (max-width:987px){.about__wrapper{display:block}}@media screen and (max-width:659px){.about__wrapper{padding:75px 16px}}.about__text{border-left:1px solid #eda424;color:#1a1b1d;font-size:17px;font-weight:100;max-width:500px;padding-left:16px;text-align:left}.about__photo{padding-bottom:50px;padding-left:50px;text-align:end}@media screen and (max-width:987px){.about__photo{display:block;padding-top:50px}}@media screen and (max-width:659px){.about__photo{padding-bottom:32px;padding-left:32px;padding-top:32px}}@media screen and (max-width:525px){.about__photo{padding-left:0;text-align:center}}@media screen and (max-width:414px){.about__photo{padding-bottom:16px;padding-left:16px;padding-top:16px}}.about__img{max-width:100%}@media screen and (max-width:525px){.about__img{width:100%}}.experience{background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;height:604px}@media screen and (max-width:701px){.experience{height:auto}}.experience__wrapper{margin:0 auto;max-width:1400px;padding:100px}@media screen and (max-width:659px){.experience__wrapper{padding:75px 16px}}.experience__table{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}@media screen and (max-width:659px){.experience__table{display:block}}.experience__org{font-size:24px}@media screen and (max-width:659px){.experience__org{text-align:left}}.experience__position{color:#eda424;font-size:24px}@media screen and (max-width:659px){.experience__position{padding-top:4px;text-align:right}}.skills{background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px}.skills__wrapper{margin:0 auto;max-width:1400px;padding:100px 300px}@media screen and (max-width:1226px){.skills__wrapper{padding:100px 200px}}@media screen and (max-width:1029px){.skills__wrapper{padding:100px}}@media screen and (max-width:659px){.skills__wrapper{padding:75px 16px}}.skills__container{display:flex;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:659px){.skills__container{display:block}}.skills__list{color:#1a1b1d;font-size:17px;line-height:24px;text-align:right}.skills__name{color:#eda424;font-size:30px;padding-right:30px;text-transform:uppercase}@media screen and (max-width:659px){.skills__name{text-align:left}}.portfolio{background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px}.portfolio__wrapper{margin:0 auto;max-width:1400px;padding:100px 100px 50px}@media screen and (max-width:659px){.portfolio__wrapper{padding:75px 16px 50px}}.portfolio__img{margin-bottom:50px;width:-webkit-fill-available}@media screen and (max-width:659px){.portfolio__img{margin-bottom:24px}}.portfolio__name{color:#000;font-size:30px;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-transform:uppercase;text-underline-offset:10px}@media screen and (max-width:659px){.portfolio__name{font-size:17px}}.portfolio__name:hover{color:#a5a5a5}.portfolio__name:active{color:#d28d0c}.portfolio__table{margin-bottom:24px}.contact{align-items:center;background-image:url(/product_designer_landing/static/media/Background.39ae42818e84ec6fec47.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;display:flex;height:543px;justify-content:center}@media screen and (max-width:768px){.contact{height:400px}}@media screen and (max-width:525px){.contact{height:300px}}@media screen and (max-width:414px){.contact{height:200px}}.contact__button{background:transparent;border:2px solid #1a1b1d;border-radius:5px;cursor:pointer;font-family:Hoves thin;font-size:10vh;height:23vh;margin:0 100px;text-align:center;text-transform:uppercase;width:50%}@media screen and (max-width:768px){.contact__button{font-size:8vh;height:150px;margin:0 50px;width:70%}}@media screen and (max-width:525px){.contact__button{font-size:6vh;height:100px;margin:0 30px;width:80%}}.contact__button:hover{border:2px solid #a5a5a5;color:#a5a5a5}.contact__button:active{border:2px solid #d28d0c;color:#d28d0c}.preloader{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;position:relative}.preloader-circle{border-radius:50%;border-top:1px solid transparent;height:170px;width:170px}.preloader-line{background-color:#fff;height:100%;position:absolute;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:1px}.preloader-line-top{-webkit-animation:lineMoveTop 2s ease-in-out forwards;animation:lineMoveTop 2s ease-in-out forwards;left:50%;top:0}.preloader-line-bottom{-webkit-animation:lineMoveBottom 2s ease-in-out forwards;animation:lineMoveBottom 2s ease-in-out forwards;bottom:0;left:50%}.preloader-percentage{color:#eda424;font-size:24px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes lineMoveTop{0%{height:0}to{height:39%}}@keyframes lineMoveTop{0%{height:0}to{height:39%}}@-webkit-keyframes lineMoveBottom{0%{height:0}to{height:39%}}@keyframes lineMoveBottom{0%{height:0}to{height:39%}}
/*# sourceMappingURL=main.4f7ebf1c.css.map*/